<!-- Table -->
<!-- <el-button type="text" @click="ifOpenBlackList">打开嵌套表格的 Dialog</el-button> -->
<template>
  <div>
      <el-dialog title="收货地址" :visible.sync="checkBlackListVisiable">
        <el-table :data="gridData">
          <el-table-column property="date" label="日期" width="150"></el-table-column>
          <el-table-column property="name" label="姓名" width="200"></el-table-column>
          <el-table-column property="address" label="地址"></el-table-column>
        </el-table>
      </el-dialog>
  </div>
</template>


<script>
  export default {
    props:{
      // tableRef:{
      //   type: Function,
      //   default: null
      // }
    },
    data() {
      return {
        gridData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }],
        checkBlackListVisiable: false
      };
    },
    methods:{
      openDialog(){
        console.log("openDialog方法被执行~~~~~~~~~~~~~~~~")
        this.checkBlackListVisiable = true;

      }
    }
  };
</script>